<template>
  <div>
    <!-- 金额 -->
    <div class="column">
      <div class="container layout column-elem " style="background-color: #2e7ba7; ">
        <div>
          <div class="content" style="padding:0px;">
            <div class="path-description" style="margin:0px; ">
              <div class="path-desc-top clearfix order" style=" height: 115px; background-color: #2e7ba7; ">

                <div class="col-md-10 col-md-offset-1 path-desc-text">剩余待支付总金额（元）
                </div>

                <div class="col-md-10 col-md-offset-1 path-desc-text">
                  <div class="orderState">17890 </div>
                </div>
                <div class="col-md-10 col-md-offset-1 path-desc-text order-time">
                  提前结清须一次性支付，不可只支付部分
                </div>
              </div>
            </div>
          </div>

        </div>

      </div>
    </div>

    <!-- 提前结清 -->
    <div class="navbar-banner ">
      <div class="bindCourse">

        <form action="/bindCourse" method="post">

          <div class="form-group course">
            <div class="input-group">提前结清</div>

            <div class="input-group">
              <ul>
                <li>
                  <span><strong>学费（元）</strong></span>
                  <span><strong>17130.40</strong></span>
                </li>
                <li>
                  <span>服务费（元）</span>
                  <span>0.0</span>
                </li>
                <li>
                  <span>应付金额（元）</span>
                  <span>17130.40</span>
                </li>
              </ul>
            </div>

          </div>


          <div class="form-group">
            <input class="btn btn-primary" name="submit" type="submit" value="去支付">
          </div>

        </form>
      </div>
    </div>

  </div>
</template>

<script>
export default {
  name: 'AdancePay'

}
</script>

<style>
@import url(../csspay.css);
</style>